<template>
  <div class="material-detail container-public">
    <Head></Head>
    <div class="material-detail-con">
      <div class="pulic-login-title">
        <img class="logo" src="@/assets/home/color-head.png" alt="" />
          <span class="tip">资讯中心</span>
      </div>
      <div class="consult-con">
        <div class="input-box">
          <el-input
            size="small"
            placeholder="请输入标题关键字"
            v-model="input2"
          >
            <template slot="append">搜索</template>
          </el-input>
        </div>
        <div class="null"></div>
        <el-tabs v-model="activeName">
          <el-tab-pane label="平台公告" name="first"> </el-tab-pane>
          <el-tab-pane label="产业焦点" name="second"></el-tab-pane>
        </el-tabs>
        <div class="tab-con">
          <div class="con-item" @click="goConsultDetail">
            <b class="title">2020年中国食品制造行业管理体制,主要法律法规以及政策</b>
            <p>食品制造行业的行政主管部门为国家市场监管管理总部,负责对食品生产经营活动实施监督管理<br>
            食品安全标准由国家卫生健康委员会会同市场监督管理总局制定并发布
            </p>
          </div>
          <div class="con-item" @click="goConsultDetail">
            <b class="title">2020年中国食品制造行业管理体制,主要法律法规以及政策</b>
            <p>食品制造行业的行政主管部门为国家市场监管管理总部,负责对食品生产经营活动实施监督管理<br>
            食品安全标准由国家卫生健康委员会会同市场监督管理总局制定并发布
            </p>
          </div>

          <div class="con-item" @click="goConsultDetail"> 
            <b class="title">2020年中国食品制造行业管理体制,主要法律法规以及政策</b>
            <p>食品制造行业的行政主管部门为国家市场监管管理总部,负责对食品生产经营活动实施监督管理<br>
            食品安全标准由国家卫生健康委员会会同市场监督管理总局制定并发布
            </p>
          </div><div class="con-item" @click="goConsultDetail">
            <b class="title">2020年中国食品制造行业管理体制,主要法律法规以及政策</b>
            <p>食品制造行业的行政主管部门为国家市场监管管理总部,负责对食品生产经营活动实施监督管理<br>
            食品安全标准由国家卫生健康委员会会同市场监督管理总局制定并发布
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "Consult",
  data() {
    return {
      input2: "",
      activeName: "first",
    };
  },
  methods: {
    goConsultDetail(){
     this.$router.push({path:'/consultDetail'})
    }
  },
};
</script>
<style scoped lang="scss">
@import "@/style/color.scss";
.material-detail {
  background: #fff;
}
.material-detail-con {
  padding-bottom: 50px;
  .tip {
    font-size: 14px;
    color: #606266;
  }
  .consult-con {
    .input-box {
      width: 30%;
      float: right;
      margin: 10px 0;
      ::v-deep .el-input-group__append,
      .el-input-group__prepend {
        background-color: $blueColor;
        color: #fff;
        border: 1px solid $blueColor;
        cursor: pointer;
      }
    }
    .null{
      clear:both;
    }
    .con-item{
      padding: 20px 0;
      border-bottom:2px solid $bgColor;
      cursor: pointer;
      .title{
        display: block;
        font-size: 16px;
        margin-bottom: 20px;
      }
      p{
        line-height: 25px;
        font-size: 14px;
        margin-bottom: 20px;
      }
    }
  }
}
</style>
